﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../jQuery/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../js_common/imgReady.js" type="text/javascript"></script>
    <style type="text/css">
    *{margin:0;padding:0;list-style-type:none;}
    a,img{border:0;}
    img{vertical-align:middle}
    /* lamp */
    .lamp{height:366px;width:960px;position:relative;margin:0 auto;}
    .lamp .sublight{position:absolute;display:block;overflow:hidden;}
    .lamp .pic1{top:0;left:0;width:240px;height:366px;}
    .lamp .pic2{top:0;left:240px;width:480px;height:183px;}
    .lamp .pic3{top:0;left:720px;width:240px;height:183px;}
    .lamp .pic4{top:183px;left:240px;width:240px;height:183px;}
    .lamp .pic5{top:183px;left:480px;width:240px;height:183px;}
    .lamp .pic6{top:183px;left:720px;width:240px;height:183px;}
    </style>
</head>
<body>
    <div id="img-box" class="lamp">
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic1"><img src="images/dudu.jpg" title="DUDU 源自意大利的真皮风尚"></a>
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic2"><img src="images/event_02.jpg" title="浪美 自由行走间的风尚标" /></a>
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic3"><img src="images/gb3.jpg" title="戈尔本 成就男士商务之旅"></a>
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic4"><img src="images/zne.jpg"title="卓妮尔 当优雅与摩登不期而遇"></a>
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic5"><img src="images/fbs2.jpg"title="梵贝斯 来自东京武藏野设计"></a>
	    <a target="_blank" href="http://www.beyebe.com/" class="sublight pic6"><img src="images/xxbm2.jpg"title="希夏邦马 运动与旅行的完美结合"></a>
    </div>
<script src="ImageHightLight.js"></script>
<script type="text/javascript">
    blockHighLight(

	"#img-box", //父元素
	".sublight", //子元素集

	[
		'240,366', //第一张图片的宽高
		'480,183', //第二张图片的宽高
		'240,183', //第三张图片的宽高
		'240,183', //第四张图片的宽高
		'240,183', //第五张图片的宽高
		'240,183'  //第六张图片的宽高
	]
); 

</script>
</body>
</html>
